<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Coalhadas - Receitas</title>
	<link href="style.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="font/fonts.css" rel="stylesheet" type="text/css" media="screen" />
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
</head>

<body class="bg_3">
<div id="container">
    <div id="menu">
    	<div id="logo">
        <a href="index.php"> <img src="img/logo.png" border="0"/></a>
        </div><!--logo-->
    	<ul class="menu-lista">
            <li class="primeiro"><a href="page_empresa.php">A EMPRESA</a></li>
            <li>
                <a href="#">PRODUTOS</a>
                <ul class="dropdown" style="display: none;">
                    <li><a href="#">Coalhada</a></li>
                    <li><a href="#">Cottage</a></li>
                    <li><a href="#">Creme de Leite</a></li>
                    <li><a href="#">Manteiga</a></li>
                    <li><a href="#">Minas Frescal</a></li>
                    <li><a href="#">Minas Padrão</a></li>
                    <li><a href="#">Queijo prato</a></li>
                    <li><a href="#">Requeijão barra</a></li>
                    <li><a href="#">Requeijão copo</a></li>
                    <li><a href="#">Ricota</a></li>
                </ul>
            </li>
            <li class="ativo" style="margin-right:90px">
                <a href="page_receitas.php">RECEITAS</a>
                <ul class="dropdown" style="display: none;">
                    <li><a href="#">Doces</a></li>
                    <li><a href="#">Salgados</a></li>
                </ul>
            </li>
            <li style="margin-left:50px"><a href="#">ONDE COMPRAR</a></li>
            <li><a href="page_noticias.php">NOTÍCIAS </a></li>
            <li><a href="page_contato.php">CONTATO </a></li>
        </ul>
    </div><!--menu-->
	<style type="text/css" media="screen">
		.slides_container {
			width:215px;
			height:400px;
			display:none;
			overflow:hidden;
		}
		.slides_container div {
			width:215px;
		}
		.pagination {
			list-style:none;
			margin:0;
			padding:0;
		}
		.pagination .current a {
			color:red;
		}
		.prev {
			float: left;
			margin-top: -220px;
			margin-left: -40px;
			position: absolute;
			z-index: 9999;
		}
		.next {
			margin-top: -220px;
			margin-left: 910px;
			position: absolute;
			z-index: 9999;
		}
		#slides2 .next , #slides3 .next , #slides4 .next {
			visibility:hidden;
			z-index: -1;
		}
		#slides2 .prev , #slides3 .prev , #slides4 .prev {
			visibility:hidden;
			z-index: -1;
		}
	</style>
    <script>
		var elemento1 = null, elemento2 = null, elemento3 = null;
	</script>
	<script src="js/slides.jquery.js"></script>
	<script>
		$(function(){
			$('#slides').slides({
				preload: false,
				generateNextPrev: true,
				generatePagination: false
			});
			$('#slides2').slides({
				start: 2,
				preload: false,
				generateNextPrev: true,
				generatePagination: false
			});
			$('#slides3').slides({
				start: 3,
				preload: false,
				generateNextPrev: true,
				generatePagination: false
			});
			$('#slides4').slides({
				start: 4,
				preload: false,
				generateNextPrev: true,
				generatePagination: false
			});
			$('#slides .next').click(function() {
				$('#slides2 .next').click();
				$('#slides3 .next').click();
				$('#slides4 .next').click();
			});
			$('#slides .prev').click(function() {
				$('#slides2 .prev').click();
				$('#slides3 .prev').click();
				$('#slides4 .prev').click();
			});
		});
	</script>
    <div id="content">
   	    <div id="wrapper_capas">
            <div class="capa_produto first_capa">
            	<div id="slides">
                    <div class="slides_container">
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
									Petit Gateau
									</div>
                                </div>
			                </div><!--titulo_capa-->
                            <img src="img/receita1.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
									Bolo de Cenoura
									</div>
                                </div>
			                </div><!--titulo_capa-->
                            <img src="img/receita2.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
									Mousse de Manga
									</div>
                                </div>
			                </div><!--titulo_capa-->
                            <img src="img/receita3.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
									Cupcake de Morango
									</div>
                                </div>
			                </div><!--titulo_capa-->
                            <img src="img/receita4.jpg" width="215px" />
                        </div>
                    </div>
                </div>
            </div><!--capa_produto-->
            <div class="capa_produto">
            	<div id="slides2">
                    <div class="slides_container">
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Petit Gateau
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita1.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Bolo de Cenoura
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita2.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Mousse de Manga
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita3.jpg" width="215px" />
                        </div>
                        <div>
                            <a href="page_receita.php">
                                <div class="titulo_capa">
                                    <div class="titulo_capa_meio">
                                        <div class="titulo_capa_interior">
                                        Cupcake de Morango
                                        </div>
                                    </div>
                                </div><!--titulo_capa-->
                                <img src="img/receita4.jpg" width="215px" />
                            </a>
                        </div>
                    </div>
                </div>
            </div><!--capa_produto-->
            <div class="capa_produto">
            	<div id="slides3">
                    <div class="slides_container">
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Petit Gateau
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita1.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Bolo de Cenoura
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita2.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Mousse de Manga
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita3.jpg" width="215px" />
                        </div>
                        <div>
                            <a href="page_receita.php">
                                <div class="titulo_capa">
                                    <div class="titulo_capa_meio">
                                        <div class="titulo_capa_interior">
                                        Cupcake de Morango
                                        </div>
                                    </div>
                                </div><!--titulo_capa-->
                                <img src="img/receita4.jpg" width="215px" />
                            </a>
                        </div>
                    </div>
                </div>
            </div><!--capa_produto-->
            <div class="capa_produto last_capa">
            	<div id="slides4">
                    <div class="slides_container">
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Petit Gateau
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita1.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Bolo de Cenoura
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita2.jpg" width="215px" />
                        </div>
                        <div>
                            <div class="titulo_capa">
                                <div class="titulo_capa_meio">
                                    <div class="titulo_capa_interior">
                                    Mousse de Manga
                                    </div>
                                </div>
                            </div><!--titulo_capa-->
                            <img src="img/receita3.jpg" width="215px" />
                        </div>
                        <div>
                            <a href="page_receita.php">
                                <div class="titulo_capa">
                                    <div class="titulo_capa_meio">
                                        <div class="titulo_capa_interior">
                                        Cupcake de Morango
                                        </div>
                                    </div>
                                </div><!--titulo_capa-->
                                <img src="img/receita4.jpg" width="215px" />
                            </a>
                        </div>
                    </div>
                </div>
            </div><!--capa_produto-->
    	</div><!--wrapper-->
    </div><!--content-->
	<div id="rodape">
        <div class="rodape_fixo">
        	<p align="right"><a href="#" class="slideD">MAPA DO SITE</a></p>
        </div><!--rodape_fixo-->
        <div class="mapa">
        </div><!--mapa-->
	</div><!--rodape-->
</div><!--container-->
    <!-- include CSS & JS files -->
    <!-- CSS file -->
    <link rel="stylesheet" type="text/css" href="js/jScrollbar.jquery.css" media="screen" />
    <!-- jQuery files -->
	<script type="text/javascript" src="js/jquery-ui.js"></script>
    <script type="text/javascript" src="js/jquery-mousewheel.js"></script>
    <script type="text/javascript" src="js/jScrollbar.jquery.js"></script>
    <script type="text/javascript" src="js/main.js"></script>

</body>
</html>